<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/swiper.css">
    <script src="/js/axios.min.js"></script>
    <script src="/js/vue.js"></script>
</head>

<body>
    <div id="head">
        <div class="head">
            <img src="/images/logo.png" alt="">
            <div class="head_nav">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="nav_list">
            <ul class="nav_ul">
                <li class="nav_li">
                    <a class="nav_max" href="index.html">首页</a>
                </li>
                <li class="nav_li">
                    <a class="nav_max" href="user.php?act=account">个人中心</a>
                </li>
                <li class="nav_li">
                    <a class="nav_max" href="user.php?act=order_list">我的订单</a>
                </li>
                <li class="nav_li">
                    <a class="nav_max" href="user.php?act=viewcart">购物车</a>
                </li>
                <li class="nav_li">
                    <a class="nav_max" href="list1.html">新闻列表</a>
                </li>
                <li class="nav_li">
                    <a class="nav_max" href="goods1.html">产品列表</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="banner">
        <div class="banner_text">
            <span>沁园20年专注净水</span>
            <p>保障全家饮上优质健康水</p>
        </div>
    </div>

    <!-- 沁园产品 -->
    <div id="product">
        <div class="product">
            <div class="div_text">
                <span>沁园产品</span>
                <p>Product Center</p>
            </div>
            <div class="product_swiper_01">
                <div class="swiper-container swiper_01">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">厨房净饮水</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">客厅净饮水</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">全屋净饮水</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">小型净饮水</div>
                        </div>
                        <div class="swiper-slide">
                            <div class="product_swiper_01_text">商用净饮水</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 产品list -->
            <div class="product_swiper_all">
                <div class="product_swiper_list swiper_list_1 active1">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                        
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
                <div class="product_swiper_list swiper_list_2">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
                <div class="product_swiper_list swiper_list_3 active1">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
                <div class="product_swiper_list swiper_list_4">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
                <div class="product_swiper_list swiper_list_5">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="product_swiper_list_s">
                                    <img src="[pic]" alt="">
                                    <span>[title]</span>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination ak"></div>
                    </div>
                </div>
            </div>
            <a class="product_a" href="goods1.html">
                <span>Read More</span>
                <img src="static/default/images/jiantou.png" alt="">
            </a>
        </div>
    </div>

    <!-- 新闻列表 -->
    <div id="new">
        <div class="new">
            <div class="div_text">
                <span>新闻资讯</span>
                <p>News Information</p>
            </div>
            <div class="new_list">
                <div class="new_list_01">
                    <img src="[pic]" alt="">
                    <ul class="new_list_01_ul">
                        <li>[name]</li>
                        <li>
                            <p>[description]</p>
                        </li>
                        <li>
                            <span class="time">[y]/[m]/[d]</span>
                            <p class="read">Read</p>
                        </li>
                        <li><a href="[viewurl]"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 服务 -->
    <div id="fuwu">
        <div class="fuwu">
            <div class="div_text">
                <span>快捷服务</span>
                <p>Recommend</p>
            </div>
            <ul class="fuwu_ul">
                <li>
                    <img class="fuwu_img01" src="static/default/images/fuwu_01.png" alt="">
                    <img class="fuwu_img02" src="static/default/images/fuwu_01s.png" alt="">
                    <span>预约安装</span>
                    <a href=""></a>
                </li>
                <li>
                    <img class="fuwu_img01" src="static/default/images/fuwu_02.png" alt="">
                    <img class="fuwu_img02" src="static/default/images/fuwu_02s.png" alt="">
                    <span>常见问题</span>
                    <a href=""></a>
                </li>
                <li>
                    <img class="fuwu_img01" src="static/default/images/fuwu_03.png" alt="">
                    <img class="fuwu_img02" src="static/default/images/fuwu_03s.png" alt="">
                    <span>售后服务</span>
                    <a href=""></a>
                </li>
                <li>
                    <img class="fuwu_img01" src="static/default/images/fuwu_04.png" alt="">
                    <img class="fuwu_img02" src="static/default/images/fuwu_04s.png" alt="">
                    <span>联系我们</span>
                    <a href=""></a>
                </li>
            </ul>
        </div>
    </div>

<div id="footer">
  <div class="footer">
      <ul class="footer_ul">
          <li><a href="">首页</a></li>
          <li><a href="">产品中心</a></li>
          <li><a href="">新闻资讯</a></li>
          <li><a href="">关于我们</a></li>
          <li><a href="">留言咨询</a></li>
      </ul>
      <span class="footer_text footer_1">版权所有 ©2018-2020江西华邦传媒有限公司 </span>
      <span class="footer_text footer_2">地址：江西省南昌市红谷滩新区学府大道899号慧谷创意产业园A座3楼</span>
      <span class="footer_text footer_3">版权所有 ©2018-2020江西华邦传媒有限公司 </span>
  </div>
  <div class="user">
      <div class="shopping">
          <img src="/images/shopping.png" alt="">
          <div class="shopping_list"></div>
          <a href="user.php?act=viewcart"></a>
      </div>
      <div class="my">
          <a href="user.php?act=account">
              <img v-if="!flag" src="/images/user.png" alt="">
              <img v-if="flag" class="touxiang" src="" alt="">
          </a>
      </div>
  </div>
</div>

<script>
</script>
<script src="/js/jquery-1.11.2.min.js"></script>
<script src="/js/all.js"></script>
<script src="/js/swiper.js"></script>
<script src="/js/index.js"></script>
<script src="/js/header.js"></script>
<script src="/js/footer.js"></script>
<script>
  window.onload = function(){
      console.log(man)
  };
</script>
</body>

</html>
    